﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="德瑞姆网校" />
<meta name="keywords" content="德瑞姆网校、心理学、考试"/>
<link rel="stylesheet" type="text/css" href="<c:url value='/css/style.css'/>">
<link rel="stylesheet" type="text/css" href="<c:url value='/css/agency_web.css'/>">

<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

<title>德瑞姆教育</title>
<style type="text/css">
body, td, th {
	font-family: arial, "宋体";
}
</style>
<script type="text/javascript" src="<c:url value='/js/jquery-1.9.0.js'/>"></script>
<script type="text/javascript">
    $(document).ready(function(){
    	$('.web_divmidbr').eq(0).show();
    	$(".web_divmid .web_divmidbl div").unbind('click').click(function(){
    		var idx = $(this).index();
    		$('.web_divmidbr').hide();
    		$('.web_divmidbr').eq(idx).show();
    	})
    	
    	
    	 var introduceTxt = "${centerData.introduceTxt}";
         if("" != introduceTxt) {
        	
             $.get(introduceTxt ,function(data){
                 $(".web_divtop03b").html(data);
             });
         }
        
    });
</script>

</head>
<body align="center" style="align:center; padding:0;margin:0;clear:both;background-color:#FDFDFD">
 <%@ include file="../common/header.jsp"%>
<!--topNav--> 
<!--topNav-->
<!--end topNav--> 
<!--弹出登录框-->

<div class="web_ser"> 
	
	<!--搜索框-->
	<div class="so">
		<form action="" method="get">
			<div class="select_style">
				<select class="retext13" style="text-align:center;">
					<option value ="全部">全部</option>
					<option value ="文章">文章</option>
					<option value="课程">课程</option>
					<option value="会员">会员</option>
					<option value="群组">群组</option>
				</select>
			</div>
			<div class="kuan">
				<input name="" type="text" />
			</div>
			<div class="an">
				<input name="搜素" type="button" />
			</div>
		</form>
	</div>
	<!--搜索按钮-->
	
	<div class="zxrx"> <img style="text-align:right;" src="../images/zxrx.jpg"></div>
</div>
<img src="../images/banner01.jpg"/>
<div class="web_div">
	<div class="web_divtop">
		<div class="web_divtop01">
			<div class="web_divtop01t"> <a href="infolist">分中心资讯</a> </div>
			<div class="web_divtop01b">
				<ul>
				    <c:forEach var="info" items="${infoList}" varStatus="status"> 
						<a href="infoDetail?id=${info.id}">
						   <li> <span style="float:right;">${info.articleCdt}</span> <span style="width:200px">${info.articleTitle}</span></li>
						</a> 
					</c:forEach>
				</ul>
			</div>
		</div>
		<div class="web_divtop02">
			<div class="web_divtop02t"> <a href="actlist">分中心活动</a> </div>
			<c:forEach var="act" items="${actList}" varStatus="status"> 
				<div class="web_divtop02b">
						<div class="web_divtop02bt">
							<div class="web_divtop02btl"><img src="${act.articleImage}"/> </div>
							<a href="actdetail?id=${act.id}">
								<div class="web_divtop02btr">
									<div class="web_divtop02btrt">${act.articleTitle}</div>
									<div class="web_divtop02btrb">${act.articleDesc}</div>
								</div>
							</a> 
						</div>
			     </div>
			</c:forEach>
		</div>
		<div class="web_divtop03">
			<div class="web_divtop03t"> <a href="webCenterdetail">${centerData.introduceTitle} </a> </div>
			<div class="web_divtop03b"></div>
		</div>
	</div>
	<div class="web_divmid">
		<div class="web_divmidt"> 课程中心 </div>
		<div class="web_divmidb">
			<div class="web_divmidbl">
			<c:forEach var="code" items="${codeList}" varStatus="status"> 
			     <div class="web_divmidbl01" style="cursor:pointer;" id="code${code.code}">${code.name}</div>
			</c:forEach>
			</div>
			<div class="web_divmidblr"></div>
			<c:forEach var="code" items="${codeList}" varStatus="status"> 
				<div class="web_divmidbr" id="detail${code.code}" style="display:none ">
				<c:set var="isThree" value="0"/>
					<c:forEach var="course" items="${courseList}" varStatus="status"> 
					     <c:if test="${code.code == course.courseTpId and isThree < 3}">
					     <c:set var="isThree" value="${isThree + 1 }"/>
						     <div class="web_divmidbr01">
	                            <div class="web_divmidbr02"><img src="${course.coursePimg}"/></div>
	                            <div class="web_divmidbr03">${course.courseNm}</div>
	                        </div>
					     </c:if>
					</c:forEach>
				</div>
			</c:forEach>
		</div>
	</div>
	<div class="web_divend">
		<div class="web_divmidt"> 分中心风采 </div>
		<div class="web_divendb">
			<c:forEach var="imgData" begin="0" end="4" items="${imgList}" varStatus="status"> 
				<div class="web_divendbp"> <a href="#"><img src="${imgData.imgKey}"/></a>
					<div class="web_divendbp01">${imgData.imgName}</div>
				</div>
	        </c:forEach>
		</div>
	</div>
</div>
<div class="web_link">
	<div class="web_linkdiv">
		<div class="web_linkdiv01"> <a href="#">友情链接：</a> </div>
		<div class="web_linkdiv03"> <a href="#">德瑞姆心理教育</a> </div>
		<div class="web_linkdiv02"> <a href="#">心融集团</a> </div>
		<div class="web_linkdiv02"> <a href="#">心融EAP</a> </div>
		<div class="web_linkdiv02"> <a href="#">心融网</a> </div>
		<div class="web_linkdiv02"> <a href="#">培训之家</a> </div>
		<div class="web_linkdiv02"> <a href="#">惠诚心理</a> </div>
	</div>
</div>
<div class="web_bottom">
	<div class="web_botdiv">
		<div class="web_botdiv01"> 德瑞姆心理教育
			<p style="font-size:25px;font-weight:100;">400-997-0808</p>
		</div>
		<div class="web_bot00"> </div>
		<div class="web_botdiv02">
			<ul>
				<li style="font-size:18px;line-height:40px;"> 入学指南 </li>
				<li><a href="#">如何注册</a> </li>
				<li><a href="#">缴费流程</a> </li>
				<li><a href="#">如何学习</a> </li>
				<li><a href="#">心理论坛</a> </li>
				<li><a href="#">知识管理</a> </li>
				<li><a href="#">互助答疑</a> </li>
			</ul>
		</div>
		<div class="web_bot00"> </div>
		<div class="web_botdiv03">
			<ul>
				<li style="font-size:18px;line-height:40px;"> 售后服务 </li>
				<li><a href="#">如何开发票</a> </li>
				<li><a href="#">找回用户名和密码</a> </li>
				<li><a href="#">如何退款</a> </li>
				<li><a href="#">视频课程播放卡顿情况</a> </li>
			</ul>
		</div>
		<div class="web_bot00"> </div>
		<div class="web_botdiv02">
			<ul>
				<li style="font-size:18px;line-height:40px;"> 各地分校 </li>
				<li><a href="#">北京分校</a> </li>
				<li><a href="#">上海分校</a> </li>
				<li><a href="#">广州分校</a> </li>
				<li><a href="#">杭州分校</a> </li>
			</ul>
		</div>
		<div class="web_bot00"> </div>
		<div class="web_botdiv03">
			<ul>
				<li style="font-size:18px;line-height:40px;"> 各地学习中心 </li>
				<li style="white-space: nowrap;"> <a href="#" class="link" target="_blank">北京</a> <a href="#" class="link" target="_blank">天津</a> <a href="# "class="link" target="_blank">上海</a> <a href="#" class="link" target="_blank">江苏</a> <a href="#" class="link" target="_blank">浙江</a> <br/>
					<a href="#" class="link" target="_blank">山东</a> <a href="#" class="link" target="_blank">江西</a> <a href="#" class="link" target="_blank">安徽</a> <a href="#" class="link" target="_blank">福建</a> <a href="#" class="link" target="_blank">广东</a> <br/>
					<a href="#" class="link" target="_blank">深圳</a> <a href="#" class="link" target="_blank">吉林</a> <a href="#" class="link" target="_blank">辽宁</a> <a href="#" class="link" target="_blank">广西</a> <a href="#" class="link" target="_blank">山西</a> <br/>
					<a href="#" class="link" target="_blank">河南</a> <a href="#" class="link" target="_blank">河北</a> <a href="#" class="link" target="_blank">湖南</a> <a href="#" class="link" target="_blank">湖北</a> <a href="#" class="link" target="_blank">四川</a> <br/>
					<a href="#" class="link" target="_blank">重庆</a> <a href="#" class="link" target="_blank">新疆</a> <a href="#" class="link" target="_blank">陕西</a> <a href="#" class="link" target="_blank">宁夏</a> <a href="#" class="link" target="_blank">西藏</a><br/>
					<a href="#" class="link" target="_blank">海南</a> <a href="#" class="link" target="_blank">台湾</a> <a href="#" class="link" target="_blank">云南</a> <a href="#" class="link" target="_blank">贵州</a> <a href="#" class="link" target="_blank">黑龙江</a> <br/>
					<a href="#" class="link" target="_blank">青海</a> <a href="#"class="link" target="_blank">甘肃</a> <a href="#"class="link" target="_blank">内蒙古</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="redivb02 retext09">京ICP备15004773号 &nbsp;&nbsp; &nbsp; &nbsp;  Copyright © 2013  &nbsp; &nbsp; &nbsp; &nbsp;   北京德瑞姆企业管理咨询有限公司 &nbsp; &nbsp; &nbsp; &nbsp; <span class=" retext10">www.deruimu.com </span> </div>
</body>
</html>
